* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    height: 100%;
    -webkit-user-select: none;
    /*webkit浏览器*/
    -moz-user-select: none;
    /*火狐*/
    -ms-user-select: none;
    /*IE10*/
    user-select: none;
    font-size: 128px;
    background: linear-gradient(25deg, #0f2249, #182e5a 20%, #0f2249 40%, #182e5a 60%, #0f2249 80%, #182e5a 100%);
    background-size: cover;
}

@font-face {
    font-family: electronicFont;
    src: url(assets/font/DS-DIGIT.TTF)
}

body {
    font-size: .1rem;
}

.container {
    color: #fff;
}

.head {
    height: .6rem;
    background: url(/assets/images/head_bg.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    z-index: 100;
}

.head h1 {
    text-align: center;
    font-size: .2rem;
    line-height: .5rem;
}

.head .right {
    position: absolute;
    top: .13rem;
    right: .2rem;
}

.head .right img {
    width: .15rem;
    height: .15rem;
    margin-left: 10px;
}

.layui-tab .layui-tab-title {
    border-bottom-width: 0px;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #fff;
    font-size: .12rem;
}

.content {
    padding-left: .1rem;
    padding-right: .1rem;
}

.boxall {
    border: 1px solid rgba(25, 186, 139, .17);
    padding: 0 .2rem 0 .15rem;
    background-size: 100% auto;
    position: relative;
    margin-left: .15rem;
    margin-bottom: .15rem;
    z-index: 10;
}

.boxfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.boxall:before,
.boxall:after {
    position: absolute;
    width: .1rem;
    height: .1rem;
    content: "";
    border-top: 2px solid #02a6b5;
    top: 0;
}

.boxall:before,
.boxfoot:before {
    border-left: 2px solid #02a6b5;
    left: 0;
}

.boxall:after,
.boxfoot:after {
    border-right: 2px solid #02a6b5;
    right: 0;
}

.boxfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.boxfoot:before,
.boxfoot:after {
    position: absolute;
    width: .1rem;
    height: .1rem;
    content: "";
    border-bottom: 2px solid #02a6b5;
    bottom: 0;
}

.box-title {
    font-size: .15rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.box-row{text-align: center;font-size: .3rem;padding-top: .1rem; border-bottom:1px solid rgba(255, 255, 255, .1);}
.box-row p{margin-bottom: .1rem;}
.border{border-right: 1px solid rgba(255, 255, 255, .15)}
.border-bottom{border-bottom: 1px solid rgba(255, 255, 255, .15)}

.keeptime ul{margin-left:-.5rem;margin-right:-.5rem;padding: .16rem 0;}
.keeptime li{ float: left; width: 20%; text-align: center; position: relative; margin-bottom: .1rem;}
.keeptime li:before{ position:absolute; content: ""; height:30%; width: 1px; background: rgba(255,255,255,.1); right: 0; top: 15%;}
.keeptime li:last-child:before{ width: 0;}
.keeptime li h2{ font-size:.25rem; color: #c2c2c2;margin-bottom: .05rem;}
.keeptime li span{ font-size:.15rem; color: #fff; opacity: .8;}
.keeptime:after, .keeptime:before {display: table;content: " ";}
.keeptime:after {clear: both;}
.keeptime .image{text-align: center;}
.keeptime .image img{width: 32px; height: 30px; margin-top: .1rem;margin-bottom: .06rem; cursor: pointer;}
.keeptime li .stage-no{color: #c2c2c2} .keeptime li .stage-ok{color: #ff5722}

.time{text-align: center;font-size: .3rem;padding-top: .1rem;}

.message{height: 1.95rem;margin-top: .1rem; padding-top: .1rem; border-top: 1px solid rgba(255, 255, 255, .15)}
.message .layui-table{background-color: transparent;color: #ffffff;}
.message .layui-table-hover{background-color: #fafafa;color: #000000;}

.data ul{margin-left:-.5rem;margin-right:-.5rem;padding: .16rem 0;}
.data li{ float: left; width: 50%; text-align: center; position: relative;margin-top: .1rem; margin-bottom: .1rem;}
.data li:before{ position:absolute; content: ""; height:30%; width: 1px; background: rgba(255,255,255,.1); right: 0; top: 15%;}
.data li:last-child:before{ width: 0;}

.data li h2{ font-size:.3rem; color: #fff;margin-bottom: .05rem;}
.data li span{ font-size:.15rem; color: #fff; opacity: .7;}
.data:after, .data:before {display: table;content: " ";}
.data:after {clear: both;}

.chart{width: 100%;height:3.2rem}